<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div>
      <!--v-model,双向绑定,元素影响变量-->
      <input type="text" v-model="url"  placeholder="网址">
      <!--v-bind:属性绑定，变量影响元素属性的值，可以简写为  :属性="变量"-->
      <a :href="url">点一下</a>
  </div>

   <!--引入vue-->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.14/vue.js"></script>
   <script>
       let v = new Vue({
           el:"div",
           data:{
               url:"",
           }
       })
   </script>


</body>
</html>